<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
    <link rel="stylesheet" type="text/css" href="css/reset.css"/>
    <link rel="stylesheet" type="text/css" href="css/fangda.css"/>
  
    <title>or搜索</title>
    

  
</head>
<style>
    
</style>
<body>
    <div class="search">
            <div class="r_eturn">
                    <label>
                        <img src="images/return.png">
                    </label>
                    <span>Return</span>
            </div>
            <div class="fd_box">
                    <header>
                            <div><img src="images/tx.png"></div>
                            <p>80BWDN的华丽世界</p>
                    </header>
                    <div>
                            <img src="images/fd1_03.jpg">
                    </div>
                    <h3>Designshowroom</h3>
                    <p>is more than the beauty of objects that you see with naked eyes. Its essence lies in simplifying production process through design, so as to reduce product cost and allow people to enjoy.</p>
                    <div>
                            <img src="images/fd2_06.jpg">
                    </div>
                    <p>is more than the beauty of objects that you see with naked eyes. Its essence lies in simplifying production process through design, so as to reduce product cost and allow people to enjoy.is more than the beauty of objects that you see with naked eyes. Its essence lies in simplifying production process through design, so as to reduce product cost and allow people to enjoy.is more than the beauty of objects that you see with naked eyes. Its essence lies in simplifying production process through design, so as to reduce product cost and allow people to enjoy.</p>
                    
            </div>
    </div>
</body>
<script>
  
    /*动态改变根元素字体大小*/
    function recalc() {
        var clientWidth = document.documentElement.clientWidth;
        if(!clientWidth) return;
        document.documentElement.style.fontSize = 40 * (clientWidth / 1920) + 'px';
    }
    
    function initRecalc() {
        recalc();
        var resizeEvt = 'osrientationchange' in window ? 'orientationchange' : 'resize';
        if(!document.addEventListener) return;
        window.addEventListener(resizeEvt, recalc, false);
        document.addEventListener('DOMContentLoaded', recalc, false);
    }
    initRecalc();
    
     console.log("手机viewportWidth=",document.documentElement.clientWidth);
        //获取viewport宽
        var viewportWidth = document.documentElement.clientWidth;
        console.log(document.documentElement.style.fontSize);
    </script>
  
    
</html>